<template>
  <view class="row">
    <view class="title" :style="{ color: color }"> <text v-if="mandatory ==='true'" style="color:#FC4F4F">*</text>{{ title }} <slot name="comments"/></view>
    <slot />
  </view>
</template>

<script>
export default {
  name: "row",
  props: {
	  mandatory:{
      type: String,
      default:'false',
    },
    color: {
      type: String,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.row {
  margin-bottom: 30rpx;
  font-size: 26rpx;
}
.title{
	display: flex;
}
</style>